@import '../styles/var'

h1, h2, h3, h4, h5, p, li, ul
  margin 0
  padding 0
  color #555
li
  list-style none
body
  font-family 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'
  height: 100%
  background-color #f0f2f5
  color #555

// label {
//   font-weight: 700;
// }

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}
.ellipsis{
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.flex
  display flex
.flex_wrap
  flex-wrap wrap
.flex_column
  flex-direction column
.flex_h_between
  justify-content space-between
.flex_h_end
  justify-content end
.flex_h_around
  justify-content space-around
.flex_h_center
  justify-content center
.flex_v_center
  align-items center
.flex_v_start
  align-items start
.fl
  float left
.fr
  float right
.clearfix:after
  content ' '
  display block
  height 0
  clear both
  visibility hidden
.not_selectable
  user-select none
.container
  width 1200px
  margin 0 auto
.block
  display block
.inline_block
  display inline-block
.text_center
  text-align center
.text_ellipsis
  overflow hidden
  white-space nowrap
  text-overflow ellipsis
.break_all
  word-break break-all
.pre_wrap
  white-space pre-wrap
.border
  border 1px solid #e6e6e6
.border_left
  border-left 1px solid #e6e6e6
.border_right
  border-right 1px solid #e6e6e6
.border_top
  border-top 1px solid #e6e6e6
.border_bottom
  border-bottom 1px solid #e6e6e6
a, a:hover, a:active, a:link
  text-decoration none
.pointer_select
  user-select none
  cursor pointer
.orange_text
  color orangeColor
.blue_text
  color textBlue
.grey_text
  color textGrey
.bg_blue
  background-color BGblue
.icon-nan
  color #5ab8ff
.icon-nv
  color #ff5a92
.success_text
  color #52c41a
.info_text
  color infoBlue
.warning_text
  color #faad14
.error_text
  color #f5222d
.error_text:hover
  color #ff4d4f
.icon_staff
  color #f4a029
.icon_manager
  color #0ba79a
.icon_hunter
  color #ffc119
.card
  background-color #fff
  border 1px solid borderColor
  border-radius borderRadius
  box-shadow boxShadow
.padding_14
  padding 14px
.iconfont
  font-size 14px
.seal
  display inline-block
  line-height 18px
  padding 0 8px
  border 2px solid #555
  border-radius 6px
  font-weight bold
  font-size 12px
.refuse_seal
  border-color #f5222d
  color #f5222d
.pending_seal
  border-color textBlue
  color textBlue
.circle_seal
  display inline-block
  line-height 22px
  vertical-align middle
  height 22px
  font-size 22px
.page_footer
  padding 10px 0
  text-align right
// .ant-btn-primary.ant-btn-primary
//   background-color BGblue
//   border-color BGblue
.footer_pagination
  margin-top 10px
  height 50px
  line-height 50px
  background-color #fff
.other_apply_pop
  padding 10px
.drag_ghost
  opacity 0.5
  background #C8EBFB
.printHide
  display none
// 自定义字段类型pop
.filed_type_wrapper
  width 274px
  .filed_type
    width 90px
    height 44px
    line-height 44px
    text-align center
    box-sizing content-box
#nprogress .bar
  background #ff7505 !important
.my_disabled
  color rgba(0, 0, 0, 0.25)
  background-color #fff
  cursor not-allowed
  &:hover
    color rgba(0, 0, 0, 0.25) !important
    background-color #fff !important
    cursor not-allowed !important
.cursor
  cursor pointer
.m5
  margin 5px
.m10
  margin 10px
.m20
  margin 20px
.mt5
  margin-top 5px
.mt10
  margin-top 10px
.mt20
  margin-top 20px
.mt30
  margin-top 30px
.mt50
  margin-top 50px
.mt100
  margin-top 100px
.mb5
  margin-bottom 5px
.mb10
  margin-bottom 10px
.mb20
  margin-bottom 20px
.mb30
  margin-bottom 30px
.mb50
  margin-bottom 50px
.mb100
  margin-bottom 100px
.ml5
  margin-left 5px
.ml10
  margin-left 10px
.ml20
  margin-left 20px
.ml30
  margin-left 30px
.ml50
  margin-left 50px
.ml100
  margin-left 100px
.mr5
  margin-right 5px
.mr10
  margin-right 10px
.mr20
  margin-right 20px
.mr30
  margin-right 30px
.mr50
  margin-right 50px
.mr100
  margin-right 100px
.p5
  padding 5px
.p10
  padding 10px
.p20
  padding 20px
.pt5
  padding-top 5px
.pt10
  padding-top 10px
.pt20
  padding-top 20px
.pt30
  padding-top 30px
.pt50
  padding-top 50px
.pt100
  padding-top 100px
.pb5
  padding-bottom 5px
.pb10
  padding-bottom 10px
.pb20
  padding-bottom 20px
.pb30
  padding-bottom 30px
.pb50
  padding-bottom 50px
.pb100
  padding-bottom 100px
.pl5
  padding-left 5px
.pl10
  padding-left 10px
.pl14
  padding-left 14px
.pl20
  padding-left 20px
.pl30
  padding-left 30px
.pl50
  padding-left 50px
.pl100
  padding-left 100px
.pr5
  padding-right 5px
.pr10
  padding-right 10px
.pr14
  padding-right 14px
.pr20
  padding-right 20px
.pr30
  padding-right 30px
.pr50
  padding-right 50px
.pr100
  padding-right 100px
.px20
  padding-left 20px
  padding-right 20px
.py20
  padding-top 20px
  padding-bottom 20px
// animate
.animated
  -webkit-animation-duration 1s
  animation-duration 1s
  -webkit-animation-fill-mode both
  animation-fill-mode both
@keyframes fadeInUp
  from
    opacity 0
    -webkit-transform translate3d(0, 100%, 0)
    transform translate3d(0, 100%, 0)
  to
    opacity 1
    -webkit-transform translate3d(0, 0, 0)
    transform translate3d(0, 0, 0)
.fadeInUp
  -webkit-animation-name fadeInUp
  animation-name fadeInUp
@keyframes fadeInDown
  from
    opacity 0
    -webkit-transform translate3d(0, -100%, 0)
    transform translate3d(0, -100%, 0)
  to
    opacity 1
    -webkit-transform translate3d(0, 0, 0)
    transform translate3d(0, 0, 0)
.fadeInDown
  -webkit-animation-name fadeInDown
  animation-name fadeInDown

.scrollBar::-webkit-scrollbar, .trees::-webkit-scrollbar
  width 4px
  height 4px
.scrollBar::-webkit-scrollbar-thumb, .trees::-webkit-scrollbar-thumb
  border-radius 5px
  box-shadow inset 0 0 5px rgba(0,0,0,0.2)
  background rgba(0,0,0,0.2)
.scrollBar::-webkit-scrollbar-track, .trees::-webkit-scrollbar-track
  box-shadow inset 0 0 5px rgba(0,0,0,0.2)
  border-radius 0
  background rgba(0,0,0,0.1)
:global(.ant-table-tbody > tr > td)
  border-bottom none
// hover的背景色 表格
:global(.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td),
:global(.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td),
:global(.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td),
:global(.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td){
  background #f3f7ff
}
// :global(.ant-table table)
//   border-bottom 1px solid borderColor
.ant-table-middle > .ant-table-title, .ant-table-middle > .ant-table-content > .ant-table-footer
  padding: 0
.ant-table-tbody
  background: #fff